<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API列表详情页</title>
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 3.插件样式 -->
    <!-- 4.当前样式 -->
    <link rel="stylesheet" href="../css/APIDetails.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head container-fluid clearfix">
        <!-- logo -->
        <h1 class="logo fl">
            <a href="#"><img src="../imags/new-logo-white2.png" alt=""></a>
        </h1>

        <!-- nav -->
        <ul class="nav fl">
            <li><a href="./home.html">首页</a></li>
            <li class="active"><a href="#">API</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="./case.html">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <!-- 登录login&注册register -->
        <div class="btnbox fr">
            <a class="login" href="./login.html">登录</a>
            <a class="register" href="./register.html">注册有礼</a>
        </div>
    </div>


    <!-- banner -->
    <div class="banner container-fluid">
        <!-- canvas画图 -->
        <div id="mydiv" style="height:400px; background-color: #f1f1f1; z-index: -1;"></div>
        <!-- 盒子模板 -->
        <div class="banner-mask container">
            <!-- 左边 -->
            <div class="banner-left fl">
                <p class="center">
                    <img src="../imags/API11.jpg" alt="">
                </p>
                <ul class="clearfix">
                    <li class="fl">
                        <p class="tupian">
                            <img src="../imags/API_smallicon_01.jpg" alt="">
                        </p>
                        <p class="wenzi">
                            <span class="f18">103</span>
                        </p>
                    </li>
                    <li class="fl">
                        <p class="tupian">
                            <img src="../imags/API_smallicon_02.jpg" alt="">
                        </p>
                        <p class="wenzi">
                            <span class="f18">14245</span>
                        </p>
                    </li>
                    <li class="fl">
                        <p class="tupian">
                            <img src="../imags/API_smallicon_03.jpg" alt="">
                        </p>
                        <p class="wenzi">
                            <span class="f18">623</span>
                        </p>
                    </li>
                </ul>
            </div>
            <!-- 右边 -->
            <div class="banner-right fl">
                <!-- 第一排 -->
                <div class="api-one clearfix">
                    <h2 class="fl">身份证实名认证</h2>
                    <span class="fl">支持HTTPS</span>
                    <span class="fl">企业专用</span>
                </div>
                <!-- 第二排 -->
                <div class="api-two clearfix">
                    <span class="fl tubiao">
                        <img class="fl" src="../imags/API03.jpg" alt="">
                        <span class="fl">限企业实名用户使用</span>
                    </span>
                    <span class="fl tubiao">
                        <img class="fl" src="../imags/API08.jpg" alt="">
                        <span class="fl">本接口需提供应用场景审核</span>
                    </span>
                    <span class="fl tubiao">
                        <img class="fl" src="../imags/API05.jpg" alt="">
                        <span class="fl">个人实名用户无法使用</span>
                    </span>
                </div>
                <!-- 第三排 -->
                <div class="api-three">检测姓名和身份证号是否一致，身份证验证。</div>
                <!-- 第四排 -->
                <ul class="api-four clearfix">
                    <li class="fl api-tubiao">
                        <p>
                            <img src="../imags/API17.jpg" alt="">
                            <span class="bl0bf">扫码测试</span>
                        </p>
                        <div>
                            <img class="denglu-logo" src="../imags/103-demo.png" alt="">
                        </div>
                    </li>
                    <!-- <li class="fl">4000次</li>
                    <li class="fl">8000次</li>
                    <li class="fl">40000次</li> -->
                </ul>
                <!-- 第五排 -->
                <div class="api-five f12">
                    <span class="red">&yen;</span><span class="red priceAll">8000</span>
                    (约
                    <span class="unitPrice c666">0.2000</span>元/次),仅限企业实名购买;
                </div>
                <!-- 第六排 -->
                <div class="api-six">
                    <a class="now-btn" href="#">立即申请</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 内容 -->
    <div class="content">
        <div class="tabtop">
            <div class="container">
                <ul class="tabul clearfix">
                    <li class="fl active">API文档</li>
                    <li class="fl">错误码参照</li>
                    <li class="fl">示例代码</li>
                    <li class="fl">联系我们</li>
                </ul>
            </div>
        </div>
        <!-- 选项卡内容区域 -->
        <div class="container clearfix tab-text">
            <!-- 左边选项卡 -->
            <div class="tab-left fl">
                <!-- API文档 -->
                <div class="tabcon-item current api-doc">
                    <p>
                      <strong>接口地址：</strong>
                      <span> http://op.itsource.cn/idcard/query</span>
                    </p>
                    <p>
                      <strong>返回格式：</strong>
                      <span> json</span>
                    </p>
                    <p>
                      <strong>请求方式：</strong>
                      <span> http get/post</span>
                    </p>
                    <p>
                      <strong>请求示例：</strong>
                      <span> http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span>
                    </p>
                    <p>
                      <strong>接口备注：</strong>
                      <span> error_code为0时计费</span>
                    </p>
                    <p class="api-btn">
                      <a class="test-btn" href="#">API测试工具</a>
                    </p>
          
                    <!-- 请求参数 -->
                    <div class="simpleTable">
                      <p class="linep">请求参数说明：</p>
                      <table class="api-table">
                        <tbody>
                          <tr class="title">
                            <th width="20"></th>
                            <th width="20%">名称</th>
                            <th width="15%">必填</th>
                            <th width="15%">类型</th>
                            <th>说明</th>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">idcard</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>身份证号码</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">realname</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>姓名(UTF-8)</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">orderid</td>
                            <td class="url">否</td>
                            <td class="url">int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">key</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>在个人中心-&gt;我的数据,接口名称上方查看</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <!-- 返回参数说明： -->
                    <div class="simpleTable">
                      <p class="linep">返回参数说明：</p>
                      <table class="api-table">
                        <tbody>
                          <tr class="title">
                            <th width="20"></th>
                            <th width="80">名称</th>
                            <th width="15%">类型</th>
                            <th>说明</th>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">error_code</td>
                            <td class="url">int</td>
                            <td class="url">返回码</td>
          
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">reason</td>
                            <td class="url">string</td>
                            <td>返回说明</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">result</td>
                            <td class="url">object</td>
                            <td>返回结果集</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">realname</td>
                            <td class="url">string</td>
                            <td>属result,真实姓名</td>
                          </tr>
          
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">idcard</td>
                            <td class="url">string</td>
                            <td>属result,身份证号</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url">res</td>
                            <td class="url">int</td>
                            <td> 属result,匹配详情,1匹配,2不匹配</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <!-- 返回参数说明： -->
                    <div class="simpleTable">
                      <p class="linep">JSON返回示例：
                        <a href="#" class="json-tool">JSON在线格式化工具</a>
                      </p>
                      <div class="json-code">
                        <p>{</p>
                        <p class="tindent10"> "reason": "成功",</p>
                        <p class="tindent10"> "result": {</p>
                        <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                        <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                        <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                        <p class="tindent10"> "res": 1 /*1：匹配 2：不匹配*/</p>
                        <p class="tindent10"> },</p>
                        <p class="tindent10">"error_code": 0</p>
                        <p> }</p>
                      </div>
                    </div>
                  </div>

                <!-- 错误码参照 -->
                <div class="tabcon-item">
                <!-- 请求参数 -->
                <div class="simpleTable">
                    <p class="linep">请求参数说明：</p>
                    <table class="api-table">
                    <tbody>
                        <tr class="title">
                        <th width="20"></th>
                        <th width="20%">名称</th>
                        <th width="15%">必填</th>
                        <th width="15%">类型</th>
                        <th>说明</th>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">idcard</td>
                        <td class="url">是</td>
                        <td class="url">string</td>
                        <td>身份证号码</td>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">realname</td>
                        <td class="url">是</td>
                        <td class="url">string</td>
                        <td>姓名(UTF-8)</td>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">orderid</td>
                        <td class="url">否</td>
                        <td class="url">int</td>
                        <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">key</td>
                        <td class="url">是</td>
                        <td class="url">string</td>
                        <td>在个人中心-&gt;我的数据,接口名称上方查看</td>
                        </tr>
                    </tbody>
                    </table>
                </div>
                <!-- 返回参数说明： -->
                <div class="simpleTable">
                    <p class="linep">返回参数说明：</p>
                    <table class="api-table">
                    <tbody>
                        <tr class="title">
                        <th width="20"></th>
                        <th width="80">名称</th>
                        <th width="15%">类型</th>
                        <th>说明</th>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">error_code</td>
                        <td class="url">int</td>
                        <td class="url">返回码</td>
        
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">reason</td>
                        <td class="url">string</td>
                        <td>返回说明</td>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">result</td>
                        <td class="url">object</td>
                        <td>返回结果集</td>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">realname</td>
                        <td class="url">string</td>
                        <td>属result,真实姓名</td>
                        </tr>
        
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">idcard</td>
                        <td class="url">string</td>
                        <td>属result,身份证号</td>
                        </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td class="url">res</td>
                        <td class="url">int</td>
                        <td> 属result,匹配详情,1匹配,2不匹配</td>
                        </tr>
                    </tbody>
                    </table>
                </div>
                <!-- 返回参数说明： -->
                <div class="simpleTable">
                    <p class="linep">JSON返回示例：
                    <a href="#" class="json-tool">JSON在线格式化工具</a>
                    </p>
                    <div class="json-code">
                    <p>{</p>
                    <p class="tindent10"> "reason": "成功",</p>
                    <p class="tindent10"> "result": {</p>
                    <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                    <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                    <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                    <p class="tindent10"> "res": 1 /*1：匹配 2：不匹配*/</p>
                    <p class="tindent10"> },</p>
                    <p class="tindent10">"error_code": 0</p>
                    <p> }</p>
                    </div>
                </div>
                </div>
                <!-- 示例代码 -->
                <div class="tabcon-item" style="-color: skyblue;">
                <!-- 返回参数说明： -->
                <div class="simpleTable">
                    <p class="linep">JSON返回示例：
                    <a href="#" class="json-tool">JSON在线格式化工具</a>
                    </p>
                    <div class="json-code">
                    <p>{</p>
                    <p class="tindent10"> "reason": "成功",</p>
                    <p class="tindent10"> "result": {</p>
                    <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                    <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                    <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                    <p class="tindent10"> "res": 1 /*1：匹配 2：不匹配*/</p>
                    <p class="tindent10"> },</p>
                    <p class="tindent10">"error_code": 0</p>
                    <p> }</p>
                    </div>
                </div>
                </div>
                <!-- 联系我们 -->
                <div class="tabcon-item">
                    <div class="simpleTable">
                      <p class="linep">联系我们</p>
                      <table class="api-table">
                        <tbody>
                          <tr class="title">
                            <th width="5%"></th>
                            <th width="40%">内容</th>
                            <th width="40%">详细</th>
          
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url"> 售前咨询①:</td>
                            <td class="url"> 0512-88869195</td>
          
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url"> 客服热线:</td>
                            <td class="url"> 400-882-7715</td>
          
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url"> 在线客服QQ:</td>
                            <td class="url"> 800076065</td>
          
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td class="url"> 接口测试:</td>
                            <td class="url"> API测试工具</td>
                          </tr>
          
                        </tbody>
                      </table>
                    </div>
          
                  </div>


            </div>
            <!-- 右边栏 -->
            <div class="tab-right fr">
                <h3>活动推荐/Activity</h3>
                <ul class="tight-top">
                    <li>
                        <a href="#"><img src="../imags/sfz-aside1.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../imags/details-aside02.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../imags/details-aside03.png" alt=""></a>
                    </li>
                </ul>
                <h3>猜你喜欢</h3>
                <ul class="tight-text">
                    <li class="clearfix">
                        <a class="imgbox fl" href="#"><img src="../imags/API22.jpg" alt=""></a>
                        <div class="fr">
                            <p class="title"><a href="">短信API服务</a></p>
                            <p class="text"><a href="">三网合一短信通道，验证...</a></p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="imgbox fl" href="#"><img src="../imags/API26.jpg" alt=""></a>
                        <div class="fr">
                            <p class="title"><a href="">银行卡四元素校验</a></p>
                            <p class="text"><a href="">三网合一短信通道，验证...</a></p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="imgbox fl" href="#"><img src="../imags/API30.jpg" alt=""></a>
                        <div class="fr">
                            <p class="title"><a href="">身份证查询</a></p>
                            <p class="text"><a href="">三网合一短信通道，验证...</a></p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="imgbox fl" href="#"><img src="../imags/API33.jpg" alt=""></a>
                        <div class="fr">
                            <p class="title"><a href="">身份证OCR识别</a></p>
                            <p class="text"><a href="">三网合一短信通道，验证...</a></p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="imgbox fl" href="#"><img src="../imags/API36.jpg" alt=""></a>
                        <div class="fr">
                            <p class="title"><a href="">三网手机实名制认证</a></p>
                            <p class="text"><a href="">三网合一短信通道，验证...</a></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>



















    <!-- 尾部 -->
    <div class="foot container clearfix::after">
        <div class="foottext">
            <dl class="text-title fl">
                <dt>联系与支持</dt>
                <a href="#">
                    <dd>400-882-7715</dd>
                </a>
                <a href="#">
                    <dd>售前咨询</dd>
                </a>
                <a href="#">
                    <dd>客服&售后</dd>
                </a>
                <a href="#">
                    <dd>常见问题</dd>
                </a>
                <a href="#">
                    <dd>极速工单</dd>
                </a>
                <a href="#">
                    <dd>投诉与建议</dd>
                </a>
            </dl>
            <dl class="text-title fl">
                <dt>联系与支持</dt>
                <a href="#">
                    <dd>400-882-7715</dd>
                </a>
                <a href="#">
                    <dd>售前咨询</dd>
                </a>
                <a href="#">
                    <dd>客服&售后</dd>
                </a>
                <a href="#">
                    <dd>常见问题</dd>
                </a>
                <a href="#">
                    <dd>极速工单</dd>
                </a>
                <a href="#">
                    <dd>投诉与建议</dd>
                </a>
            </dl>
            <dl class="text-title fl">
                <dt>联系与支持</dt>
                <a href="#">
                    <dd>400-882-7715</dd>
                </a>
                <a href="#">
                    <dd>售前咨询</dd>
                </a>
                <a href="#">
                    <dd>客服&售后</dd>
                </a>
                <a href="#">
                    <dd>常见问题</dd>
                </a>
                <a href="#">
                    <dd>极速工单</dd>
                </a>
                <a href="#">
                    <dd>投诉与建议</dd>
                </a>
            </dl>
            <dl class="text-title fl">
                <dt>联系与支持</dt>
                <a href="#">
                    <dd>400-882-7715</dd>
                </a>
                <a href="#">
                    <dd>售前咨询</dd>
                </a>
                <a href="#">
                    <dd>客服&售后</dd>
                </a>
                <a href="#">
                    <dd>常见问题</dd>
                </a>
                <a href="#">
                    <dd>极速工单</dd>
                </a>
                <a href="#">
                    <dd>投诉与建议</dd>
                </a>
            </dl>
            <dl class="text-title fl">
                <dt>联系与支持</dt>
                <a href="#">
                    <dd>400-882-7715</dd>
                </a>
                <a href="#">
                    <dd>售前咨询</dd>
                </a>
                <a href="#">
                    <dd>客服&售后</dd>
                </a>
                <a href="#">
                    <dd>常见问题</dd>
                </a>
                <a href="#">
                    <dd>极速工单</dd>
                </a>
                <a href="#">
                    <dd>投诉与建议</dd>
                </a>
            </dl>
            <div class="weixin">
                <p class="weixin-title">微信公众号</p>
                <p class="weixin-text">源码时代</p>
                <img src="../imags/wechat-white.png" alt="">
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <p class="footbottom container">
        <a href="#">
            <img src="../imags/bei2.png" alt="">
        </a>
        <a href="#">
            <img src="../imags/bei1.png" alt="">
        </a>
        <span>增值电信业务经营许可证：蜀B2-20180596</span>
        <a href="#">蜀ICP备15006450号-3</a>
        <a href="#">营业执照</a>
        <span class="fr lest">源码大数据股份有限公司©版权所有</span>
    </p>

    <script src="../lib/dom.js"></script>

    <script src="../lib/canvas-particle.js"></script>

    <script src="../lib/tab.js"></script>

    <script src="../js/APIDetails.js"></script>
</body>

</html>